#cssmenu {width:1200px; height:52px; margin: 0 auto;}
#cssmenu ul:after,
#cssmenu ul li {display:block; position:relative; text-align:center;}
#cssmenu ul li a {text-decoration:none; display:block; margin:0;
  -webkit-transition:color .2s ease;
  -moz-transition:color .2s ease;
  -ms-transition:color .2s ease;
  -o-transition:color .2s ease;
  transition:color .2s ease;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#cssmenu ul li ul {position:absolute; left:-9999px; top:auto;}
#cssmenu ul li ul li {max-height:0; position:absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
}
#cssmenu ul li ul li:after,
#cssmenu ul li ul li.has-sub:after {display:none; position:absolute; content:""; width:2px; height:15px; z-index:1; top:10px; left:15px;}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {border-left:2px solid #ffde00; display:block;}
#cssmenu ul li ul li a {text-transform:none; color:#fff; letter-spacing:0; display:block; width:130px; padding:5px 10px 5px 9px; /*border-bottom:1px solid #e8dacf;*/}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {color:#fff; /*background:#d58b35;*/}
#cssmenu > ul > li {float:left;}
#cssmenu > ul > li:after {content:""; display:block; position:absolute; width:100%; height:0; top:0; z-index:0; background:#ce0000;
  -webkit-transition:height .2s;
  -moz-transition:height .2s;
  -ms-transition:height .2s;
  -o-transition:height .2s;
  transition:height .2s;
}
#cssmenu > ul > li > a {color:#fff; width:130px; height:52px; line-height:52px; letter-spacing:1px; font-size:18px; display:block; z-index:2; position:relative;}
#cssmenu > ul > li > a i {display:none;}
#cssmenu > ul > li > a span {line-height:52px}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {height:100%;}
#cssmenu > ul > li:hover > a span,
#cssmenu > ul > li.active > a span {color:#fff; line-height:52px;}
#cssmenu > ul > li:hover > ul {left:0; top:52px; padding:5px 0 8px 0; background:url(../images/subbg.png) center top repeat;}
#cssmenu > ul > li:hover > ul > li {max-height:72px; position:relative;}
#cssmenu #menu-button {display:none;}
#cssmenu > ul > li {width:auto;}
#cssmenu > ul > li > ul {width:130px; display:block;}
#cssmenu > ul > li > ul > li {width:130px; display:block;}

#cssmenu > ul > li > ul.w180 {width:180px;}
#cssmenu ul li ul li a.w180 {width:180px; text-align:left; padding:5px 10px 5px 30px;}